<?php

include ('../../function/spm/tambahprogress.php');
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta charset="utf-8">
  <!-- Title and other stuffs -->
  <title>Mandiri Performance Measurement - Add Progress</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="author" content="">


  <!-- Stylesheets -->
  <link href="../../style/bootstrap.css" rel="stylesheet">
  <!-- Font awesome icon -->
  <link rel="stylesheet" href="../../style/font-awesome.css"> 
  <!-- jQuery UI -->
  <link rel="stylesheet" href="../../style/jquery-ui.css"> 
  <!-- Calendar -->
  <link rel="stylesheet" href="../../style/fullcalendar.css">
  <!-- prettyPhoto -->
  <link rel="stylesheet" href="../../style/prettyPhoto.css">   
  <!-- Star rating -->
  <link rel="stylesheet" href="../../style/rateit.css">
  <!-- Date picker -->
  <link rel="stylesheet" href="../../style/bootstrap-datetimepicker.min.css">
  <!-- jQuery Gritter -->
  <link rel="stylesheet" href="../../style/jquery.gritter.css">
  <!-- CLEditor -->
  <link rel="stylesheet" href="../../style/jquery.cleditor.css"> 
  <!-- Bootstrap toggle -->
  <link rel="stylesheet" href="../../style/bootstrap-toggle-buttons.css">
  <!-- Main stylesheet -->
  <link href="../../style/style.css" rel="stylesheet">
  <!-- Widgets stylesheet -->
  <link href="../../style/widgets.css" rel="stylesheet">   
  <!-- Responsive style (from Bootstrap) -->
  <link href="../../style/bootstrap-responsive.css" rel="stylesheet">
  
  <!-- HTML5 Support for IE -->
  <!--[if lt IE 9]>
  <script src="js/html5shim.js"></script>
  <![endif]-->

  <!-- Favicon -->
  <link rel="shortcut icon" href="../../img/favicon/favicon.png">
</head>

<body>

<!-- Navigation -->
<?
include ("header.php")
?>
<div class="content">
<?
include ("sidebar.php")
?>
	<!-- Main bar -->
  	<div class="mainbar">
      
	    <!-- Page heading -->
	    <div class="page-head">
        <!-- Page heading -->
	      <h2 class="pull-left">Detail Pekerjaan</h2>

		  <div class="clearfix"></div>

	    </div>
	    <!-- Page heading ends -->

	    <!-- Matter -->	
		<div class="matter">
        <div class="container-fluid">
          <div class="row-fluid">
            <div class="span12">
              <div class="widget worange">               
                <div class="widget-head">
                  <div class="pull-left">Pekerjaan</div>
                  <div class="widget-icons pull-right">
                    <a href="#" class="wminimize"><i class="icon-chevron-up"></i></a>
                  </div>
                  <div class="clearfix"></div>
                </div>

                <div class="widget-content">
					<div class="padd">
				  
				  <form method="post" action="../../function/spm/tambahkomentar.php" class="horizontal">
                  <tbody>
				  
					<table cellpadding="4" cellspacing="0" class="FilterBox">
						<?include($_SERVER['DOCUMENT_ROOT'].'/mpd/function/spm/revdetailpekerjaan.php');
						while($row = mysql_fetch_array($query)){?>
						<tr display="table-row" vertical-align="inherit" border="border-collapse">
						<td width="150"><strong>Pekerjaan</strong></td>
						<td width="10" align="center"><strong>:</strong></td>
						<td width="500" name="pekerjaan"><?php echo $row['NAMA_PEKERJAAN']; ?></td>
						<input type="hidden" value="<?php echo $row['ID_PEKERJAAN']; ?>" name="id"></input>
						</tr>
						
						<tr display="table-row" vertical-align="inherit" border="border-collapse">
						<td width="150"><strong>PIC</strong></td>
						<td width="10" align="center"><strong>:</strong></td>
						<td width="500" name="pekerjaan"><?php echo $row['NAMA']; ?></td>
						</tr>
						
						<tr display="table-row" vertical-align="inherit" border="border-collapse">
						<td width="150"><strong>Jenis Pekerjaan</strong></td>
						<td width="10" align="center"><strong>:</strong></td>
						<td width="250" name="jenis_pekerjaan"><?php echo $row['JENIS_PEKERJAAN']; ?></td>
						</tr>
					
						<tr display="table-row" vertical-align="inherit" border="border-collapse">
						<td width="150"><strong>Due Date</strong></td>
						<td width="10" align="center"><strong>:</strong></td>
						<td width="250" name="duedate"><?php echo $row['DUE_PEKERJAAN']; ?></td>
						</tr>
						
						<tr display="table-row" vertical-align="inherit" border="border-collapse">
						<td width="150"><strong>Status</strong></td>
						<td width="10" align="center"><strong>:</strong></td>
						<td width="250" name="duedate"><?php echo $row['STATUS_PEKERJAAN']; ?></td>
						</tr>
						<tr display="table-row" vertical-align="inherit" border="border-collapse">
						<td width="150"><strong>Nilai</strong></td>
						<td width="10" align="center"><strong>:</strong></td>
						<td width="250" name="duedate"><?php echo $row['SCORE']; ?></td>
						</tr>
						<tr display="table-row" vertical-align="inherit" border="border-collapse">
						<td width="150"><strong>Komentar</strong></td>
						<td width="10" align="center"><strong>:</strong></td>
						<?
						if($row['KOMENTAR'] != NULL){?>
						<td width="250" name="duedate"><?php echo $row['KOMENTAR']; ?></td></tr>
						<?
						}else{?>
						<td width="250" ><textarea rows="5" name="komentar" value="" style="margin: 0px; width : 270px;"></textarea></td></tr>
						<tr display="table-row" vertical-align="inherit" border="border-collapse">
						<td width="150"></td>
						<td width="10" align="center"></td>
						<td width="500" name="tombol">
						<div class="control-group">
                      	<div class="controls">
                        <button type="submit" class="btn" name="simpankomen">Simpan</button>
                        <button type="reset" class="btn">Batal</button>
                        </div>
						</form>
						</div>
						</td>
						</tr>
						<?
								}
						?>
						
						<?}?>
					</tbody>
					</table>
						<div>
							<table class="table  table-bordered ">
							<thead>
								<tr>
								<th>Keterangan Progress</th>
								
								<th>Tanggal Progress</th>
								<th>Komentar</th>
								<th>Lampiran</th>
								</tr>
							</thead>
								
							<tbody>
							<?while($row = mysql_fetch_array($query2)){
								$id = $row['ID_PROGRESS'];
								echo "<tr>";
								echo "<td><a href='detailprogress.php?id=".$id."'>".$row['KETERANGAN']."</a></td>";
								echo "<td>".$row['WAKTU_PROGRESS']."</td>";
								echo "<td>".$row['KOMENTAR']."</td>";
								echo "<td><a href='".$row['FILE']."'></a></td>";
								echo "</tr>";
								}?>
								</tbody>
							</table>
						</div>
					
					</div>
				</div>
          </div>
          </div>
        </div>
		</div>

		<!-- Matter ends -->

   <!-- Mainbar ends -->	    	
	</div>
    <div class="clearfix"></div>


<!-- Content ends -->
<!-- Scroll to top -->
<span class="totop"><a href="#"><i class="icon-chevron-up"></i></a></span> 

<!-- JS -->
<script src="../../js/jquery.js"></script> <!-- jQuery -->
<script src="../../js/bootstrap.js"></script> <!-- Bootstrap -->
<script src="../../js/jquery-ui-1.10.2.custom.min.js"></script> <!-- jQuery UI -->
<script src="../../js/jquery.rateit.min.js"></script> <!-- RateIt - Star rating -->
<script src="../../js/jquery.prettyPhoto.js"></script> <!-- prettyPhoto -->
<script src="../../js/bootstrap-datepicker.js"></script>
<script>    $('#dp2').datepicker();
</script>


<!-- jQuery Flot -->
<script src="../../js/excanvas.min.js"></script>
<script src="../../js/jquery.flot.js"></script>
<script src="../../js/jquery.flot.resize.js"></script>
<script src="../../js/jquery.flot.pie.js"></script>
<script src="../../js/jquery.flot.stack.js"></script>

<script src="../../js/jquery.gritter.min.js"></script> <!-- jQuery Gritter -->
<script src="../../js/sparklines.js"></script> <!-- Sparklines -->
<script src="../../js/jquery.cleditor.min.js"></script> <!-- CLEditor -->
<script src="../../js/bootstrap-datetimepicker.min.js"></script> <!-- Date picker -->
<script src="../../js/jquery.toggle.buttons.js"></script> <!-- Bootstrap Toggle -->
<script src="../../js/filter.js"></script> <!-- Filter for support page -->
<script src="../../js/custom.js"></script> <!-- Custom codes -->
<script src="../../js/charts.js"></script> <!-- Custom chart codes -->


</body>
</html>